@import './variables.scss';

/* 改变主题色变量 */
$--color-primary: $main-color;
/* 改变 icon 字体路径变量，必需 */
$--font-path: '~element-ui/lib/theme-chalk/fonts';
@import '~element-ui/packages/theme-chalk/src/index';

// 主色背景按钮样式重置
.el-button {
    height: 30px;
    line-height: 30px;
    padding: 0px 7px;
}
.el-input.is-disabled{
    .el-input__inner{
        background: #ffffff;
        color: $font-color-main;
    }
}
.el-input__inner {
    height: 30px;
    line-height: 30px;
    padding: 0px 10px
}

.el-input__prefix {
    .el-input__icon {
        line-height: 30px;
    }
}

.el-date-editor {
    .el-range__icon {
        line-height: 22px;
    }

    .el-range-separator {
        line-height: 22px;
    }

    .el-range__close-icon{
        display: flex;
        align-items: center;
        justify-content: center;
    }
}

.el-select {
    .el-input__suffix {
        display: flex;
        justify-content: center;
        align-items: center;
    }
}

.el-autocomplete-suggestion li{
    padding: 0px 5px;
}

// 解决表头竖线对不齐的问题
.el-table th.gutter {
    display: table-cell !important;
}

.main-btn {
    min-width: 70px;
    height: 30px;
    line-height: 30px;
    padding: 0px 7px;
    border: none;

    &.is-plain {
        color: $font-color-white;
        background: $main-color;
    }
}

.icon-btn {
    min-width: 30px;
    border: none;

    i {
        font-size: 16px;
        color: $main-color;
    }

    &:hover {
        background-color: transparent;
    }
}

.border-btn {
    min-width: 70px;
    height: 30px;
    line-height: 30px;
    padding: 0px 7px;
    border: 1px solid $main-color;
    color: $main-color;
}

.el-radio.is-bordered {
    height: 30px;
    line-height: 30px;
    padding: 0px 7px;
    margin: 0;
    justify-content: center;
    align-items: center;
}

.el-radio.is-bordered+.el-radio.is-bordered {
    margin: 0;
    border-left: none;
}
.el-switch.is-checked .el-switch__core {
    border-color: $main-color!important;
    background-color: $main-color!important;
}

